<template>
  <div class="card">
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <el-input
          placeholder="请输入搜索内容"
          v-model="searchInput"
          clearable
          prefix-icon="el-icon-search"
        >
        </el-input>
        <el-button type="primary" icon="el-icon-search">搜索</el-button>
      </div>
      <el-table :data="goodsList" border style="width: 100%">
        <el-table-column type="index" label="#" width="50"></el-table-column>
        <el-table-column prop="goods_name" label="商品名称" width="180">
        </el-table-column>
        <el-table-column prop="goods_price" label="商品价格" width="180">
        </el-table-column>
        <el-table-column prop="goods_weight" label="重量"> </el-table-column>
        <el-table-column prop="add_time" label="创建时间"> </el-table-column>
        <el-table-column prop="upd_time" label="更新时间"> </el-table-column>
      </el-table>
    </el-card>
  </div>
</template>
<script>
export default {
  name: '',
  components: {},
  props: {},
  data() {
    return {}
  },
  methods: {},
  computed: {},
  watch: {},
  created() {}
}
</script>
<style lang="scss" scoped>
.clearfix {
  display: flex;
  align-items: center;
  .el-input {
    width: 300px;
  }
  .el-button {
    width: 150px;
    margin-left: 30px;
  }
}
</style>
